<template>
    <span>
        <input type="checkbox" :checked="value" :disabled="disabled" @change="change($event.target.checked)">
        <label></label>
    </span>
</template>
<script>
    export default {
        props: {
            value: {
                type: Boolean,
                default: ''
            },
            disabled: false
        },
        methods: {
            change(value) {
                this.$emit('input', value);
            }
        }
    }
</script>